<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../assets/css/studentCalc.css">
    <link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet">
</head>

<body>
    <div class="container">
        <div class="text">
            <h2>
                student grade calcy
            </h2>
        </div>
        <div class="inputs">
            <input type="text" placeholder="MATHS" id="maths">
            <input type="text" placeholder="PHYSICS" id="physics">
            <input type="text" placeholder="CHEMISTRY" id="chemistry">
            <input type="text" placeholder="BIOLOGY" id="biology">
            <p id="result">RESULT :</p>
            <button onclick="calc()"> show percentage</button>
        </div>

    </div>
    <script type="text/javascript" src="../assets/js/studentCalc.js"></script>
</body>

</html>